<template>
  <div class="components-container">
    <div>
      <tinymce v-model="value" :height="300" />
    </div>
  </div>
</template>

<script>
import Tinymce from '@/components/Tinymce'

export default {
  name: 'TinymceDemo',
  components: { Tinymce },
  props: {
    value: {
      type: String,
      default: ''
    }
  },
  watch: {
    value (newValue, oldValue) {
      console.log(newValue)
      this.$emit('input', this.value)
    }
  }
}
</script>

<style scoped>
.components-container {
  margin: 0;
}
.editor-content {
  margin-top: 20px;
}
</style>
